<template>
	<view class="container">
		<view class="header">
			<view class="h-one" @click="changeS(1)" :style="{color: changeState == 1 ? '#FBD220' : '#666666'}">全部</view>
			<view class="h-two" @click="changeS(2)" :class="changeState == 2 ? 'active' : ''">
				销量
				<!-- <image v-show="changeState != 2" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hui@2x.png'"></image> -->
				<!-- <image v-show="changeState == 2" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hei@2x.png'"></image> -->
			</view>
			<view class="h-two" @click="changeS(3)" :class="changeState == 3 ? 'active' : ''">
				价格
				<!-- <image v-show="changeState != 3" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hui@2x.png'"></image> -->
				<!-- <image v-show="changeState == 3" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hei@2x.png'"></image> -->
			</view>
			<view class="h-free" @click="changeS(4)" :class="changeState == 4 ? 'active' : ''">
				上架时间
				<!-- <image v-show="changeState != 4" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hui@2x.png'"></image> -->
				<!-- <image v-show="changeState == 4" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/hei@2x.png'"></image> -->
			</view>
		</view>
		
		<view class="molder boxS" v-for="(item,index) in listPage" :key="item.id" @tap="selectCar(item)">
			<!-- <image class="imgt" v-show="index === 0" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/biao@2x.png'" mode=""></image> -->
			<view class="m-head">
				<view class="m-head-left">
					<image></image>
				</view>
				<view class="m-head-right">
					<view class="m-head-name">奥迪 A6L 动感甄选班巴拉巴拉 巴拉巴拉巴拉</view>
					<view class="m-head-color">
						<view>外观/内饰：</view>
						<view class="m-head-color-i">
							<view class="colors"></view>
							<view>鎏金橙</view>/
							<view>冰川蓝</view>
							<view class="colors"></view>
						</view>
					</view>
				</view>
			</view>
			<view class="m-bottom">
				<view class="m-bottom-t">
					<text>上架时间：</text>
					<text>2020-07-29</text>
				</view>
				<view class="m-bottom-b">
					<view>
						<text>总销量：</text>
						<text>120笔</text>
					</view>
					<view style="margin-left: 74rpx;">
						<text>车辆售价：</text>
						<text style="font-size: 34rpx;color: #EB5C02;">¥25.35万</text>
					</view>
				</view>
			</view>
			<!-- <image class="imgf" v-show="item.id == selectData.id" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/on@2x.png'"></image> -->
			<!-- <image class="imgf" v-show="item.id != selectData.id" :src="Core.globalImgUrlBussfiles+'/sxy/Sxy_selectCarType/off@2x.png'"></image> -->
		</view>
		
		<view class="footer">
			<view class="footbox" @tap="queren">确定</view>
		</view>
	</view>
</template>

<script src="./selectCarType.js"></script>
<style lang="scss" scoped>
	@import './selectCarType.scss';
</style>
